@charset "UTF-8";
@import "common.scss";

header{
  height: r(123);
  //padding-top: r(48);
  div{
    width: r(706);
    margin: 0 auto;
    div{
      width: r(122);
      text-align: center;
      font-family: 微软雅黑;
      font-size: px(26);
      line-height: r(51);
    }
    .back{
      float: left;
      width: r(117);
      height: r(51);
      border: 1px solid #ff9344;
      text-align: center;
      border-radius: 15px;
      a{
        color: black;
        font-family: 微软雅黑;
        font-size: px(26);
        line-height: r(51);
        font-weight: normal;
      }
    }
    .msg{
      float: right;
      width: r(52);
      height: r(50);
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
}

.content{
  width: 100%;
  position: absolute;
  top: 75px;
  bottom: px(136);
  left: 0;
  right: 0;
  // 纵向滚动
  overflow-y: scroll;
  // 弹性滚动
  -webkit-overflow-scrolling: touch;
  .product{
    width: r(706);
    margin: 0 auto;
    .productPic{
      width: 100%;
      height: r(260);
      overflow: hidden;
      position: relative;
      img{
        width: 100%;
        position: absolute;
        left: 0;
        top: r(-440);
      }
    }
    .productBuy{
      width: 100%;
      margin-top: r(5);
      .buyMoney{
        float: left;
        font-family: 微软雅黑;
        font-size: px(72);
        color: #ff9344;
      }
      .buyBtn{
        float: right;
        width: r(110);
        height: r(60);
        line-height: r(60);
        text-align: center;
        background: #ff9344;
        border-radius: r(20);
        color: white;
        font-size: px(30);
        margin-top: r(28);
      }
    }
  }
  .userDiv{
    width: r(706);
    margin: r(25) auto 0 auto;
    .userTop{
      width: 100%;
      font-family: 微软雅黑;
      div{
        float: left;
        font-size: px(30);
        img{
          width: r(38);
          height: r(36);
        }
        span{
          color: #ff9344;
        }
      }
      p{
        float: right;
        font-size: px(26);
        a{
          color: #8e8e8e;
        }
      }
    }
    .userBottom{
      width: r(686);
      height: r(67);
      line-height: r(67);
      background: #ff9344;
      padding: 0 r(10);
      margin-top: r(35);
      a{
        color: white;
      }
      p{
        float: left;
        font-family: 微软雅黑;
        font-size: px(30);
        &:nth-of-type(2){
          float: right;
        }
      }
    }
  }
  .shop{
    .shopBox{
      width: r(665);
      margin: r(10) auto 0 auto;
      .shop_left{
        width: r(175);
        height: r(175);
        overflow: hidden;
        float: left;
        .show_pic{
          width: 100%;
          height: 100%;
          position: relative;
          img{
            width: 100%;
            transform: scale(1.2);
            position: absolute;
            left: r(15);
            top: r(-60);
          }
          .dImg{
            left: r(5);
            top: r(-25);
          }
          .pic_word{
            width: 100%;
            height: r(37);
            line-height: r(37);
            font-size: px(24);
            font-family: 微软雅黑;
            background-color: rgba(232,232,232,.6);
            text-align: center;
            position: absolute;
            left: 0;
            bottom: r(40);
          }
        }
      }
      .shop_right{
        width: r(466);
        float: right;
        .shop_rightL{
          float: left;
          p{
            font-family: 微软雅黑;
          }
          p:nth-of-type(1){
            font-size: px(30);
          }
          div{
            font-size: px(26);
            color: #929292;
            img{
              width: r(36);
              height: r(34);
            }
          }
          p:nth-of-type(2){
            font-size: px(24);
            color: #929292;
          }
          a{
            font-size: px(20);
            color: #ff9344;
          }
        }
        .shop_rightR{
          width: r(110);
          height: r(60);
          line-height: r(60);
          float: right;
          background: #ff9344;
          border-radius: r(20);
          text-align: center;
          margin-top: r(70);
          a{
            color: white;
          }
        }
      }
    }
  }
}